<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>${title}</title>

<link href="/dijit/themes/tundra/tundra.css" type="text/css" rel="stylesheet"/>
<link href="/dijit/themes/tundra/tundra_rtl.css" type="text/css" rel="stylesheet"/>

<script type="text/javascript" src="/dojo/dojo.js" djConfig="isDebug: true, parseOnLoad: true, usePlainJson: true "></script>
<script type="text/javascript" src="/portal/js/jsonrpc-min.js"></script>
<style type="text/css">
	@import "/dojo/resources/dojo.css";
	@import "/dojox/grid/_grid/tundraGrid.css";

	.dojoContentPane {
		padding:1em;
	}
	
	#main_container {
	    position: relative;
		border: 1px	solid #bfbfbf; 
		float: left; 
		width: 100%; 
		height:500px;
	}
	
// STYLE
<!-- $BeginBlock style -->
${style}
<!-- $EndBlock style -->
	
</style>
	

<script type="text/javascript">
	dojo.require("dijit.layout.SplitContainer");
	dojo.require("dijit.layout.ContentPane");
	dojo.require("dijit.layout.StackContainer");	
	dojo.require("dijit.layout.ContentPane");
	dojo.require("dojo.data.ItemFileWriteStore");
	dojo.require("dijit.Tree");
	dojo.require("dojox.grid.Grid");
	dojo.require("dojox.grid._data.model");
	dojo.require("dijit.Dialog");
	dojo.require("dijit.form.Button");
	dojo.require("dijit.form.TextBox");
	dojo.require("dijit.form.DateTextBox");
	dojo.require("dijit.form.TimeTextBox");	
	dojo.require("dijit.form.ComboBox");
	dojo.require("dijit.Toolbar");
	dojo.require("dijit.Menu");	

	dojo.require("dojo.parser");	// scan page for widgets and instantiate them

	var	jsonrpc = new JSONRpcClient("/JSON-RPC");

// SCRIPT
<!-- $BeginBlock script -->
${script}
<!-- $EndBlock script -->
 
// ONLOAD
dojo.addOnLoad(
<!-- $BeginBlock script_onload -->
function(){
${script_onload}
}
<!-- $EndBlock script_onload -->
);

</script>
	
</head>

<body class="tundra">

<!-- $BeginBlock common -->
${common}
<!-- $EndBlock common -->

<!-- MENU BAR -->
<div id="menubar" dojoType="dijit.Toolbar" class="menuBar">

<!-- $BeginBlock menu -->
${menu}
<!-- $EndBlock menu -->

</div>	

<div id="main_container" 
	dojoType="dijit.layout.SplitContainer"
	orientation="horizontal"
	sizerWidth="7"
	activeSizing="false"
	style="width: 100%; height: 700px;"
	>
		
	<div dojoType="dijit.layout.ContentPane" sizeMin="20" sizeShare="20" style="${left.style}">

		${left}		

	</div>
	
	<div id="myStackContainer" dojoType="dijit.layout.StackContainer">	

<!-- $BeginBlock right -->
			${right}
<!-- $EndBlock right -->
	</div>
	
</div><!-- END OF main_container -->


<div style="clear:left; height:20px"/>

</body>
</html>
